/**
 * 侧边栏通用样式
 */

.app-sidebar {
  position: fixed;
  left: 50px;
  top: 0;
  bottom: 0;
  width: 280px;
  height: 100vh;
  background-color: #f3f3f3;
  overflow: auto;
  display: none;

  .mdui-theme-layout-dark & {
    background-color: #252526;
  }

  .head {
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
  }

  // =======
  // 空状态
  // =======
  .empty {
    height: calc(~'100vh - 48px');

    .content {
      width: 100%;
      text-align: center;

      .mdui-icon {
        display: block;
        font-size: 58px;
      }
    }
  }
}